<template>
  <div>
    <input v-model="todo" type="text" ml-9 />
    <div>
      <span w-md h-md text-blue class="i-ep-arrow-right-bold"></span>
    </div>
    <button @click="addTodo">添加内容</button>
    <Todo :todos="todos" />
  </div>
</template>
<script lang="ts" setup>
import Todo from "@/components/Todo"
const todo = ref("")
const todos = ref<string[]>([])
const addTodo = () => {
  if (!todo.value) return
  todos.value.push(todo.value)
}
</script>
